<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./image/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="icon" href="./image/icon-小米归属.svg">
    <title>仿小米商城官网</title>
</head>

<body>
    <div class="box">
        <div class="top">
            <div class="topbox">
                <div class="t-left">
                    <a href="#">小米官网</a>
                    <span>|</span>
                    <a href="#">小米商城</a>
                    <span>|</span>
                    <a href="#">MIUI</a>
                    <span>|</span>
                    <a href="#">loT</a>
                    <span>|</span>
                    <a href="#">云服务</a>
                    <span>|</span>
                    <a href="#">天星数科</a>
                    <span>|</span>
                    <a href="#">有品</a>
                    <span>|</span>
                    <a href="#">小爱开放平台</a>
                    <span>|</span>
                    <a href="#">企业团购</a>
                    <span>|</span>
                    <a href="#">资质证照</a>
                    <span>|</span>
                    <a href="#">协议规则</a>
                    <span>|</span>
                    <a href="#" class="downapp">
                        下载app
                        <div class="downapp1"></div>
                        <div class="downapp2">
                            <img src="https://i1.mifile.cn/f/i/17/appdownload/download.png?1">
                            <p>小米商城APP</p>
                        </div>
                    </a>
                    <span>|</span>
                    <a href="#">Select Loaction</a>
                </div>
                <div class="t-right">
                    <a href="#">登录</a>
                    <span>|</span>
                    <a href="#">注册</a>
                    <span>|</span>
                    <a href="#">消息通知</a>
                    <a class="shopcar" onmouseover="showshopadata()" onmouseout="hideShopadata()">
                        <em class="iconfont icon-gouwuche"></em>
                        购物车
                        <span> (0)</span>
                    </a>
                    <div class="shopdata">
                        购物车中还没有商品，赶紧选购吧！
                    </div>
                </div>
            </div>
        </div>
        <div class="nav">
            <div class="navbox">
                <div class="navlogo">
                    <img src="./image/logo-mi2.png">
                </div>
                <div class="navdata">
                    <a href="#" onmouseover="showitem(1)" onmouseout="hideitem()">Xiaomi手机</a>
                    <a href="#" onmouseover="showitem(2)" onmouseout="hideitem()">Redmi 红米</a>
                    <a href="#" onmouseover="showitem(3)" onmouseout="hideitem()">电视</a>
                    <a href="#" onmouseover="showitem(4)" onmouseout="hideitem()">笔记本</a>
                    <a href="#" onmouseover="showitem(5)" onmouseout="hideitem()">平板</a>
                    <a href="#" onmouseover="showitem(6)" onmouseout="hideitem()">家电</a>
                    <a href="#" onmouseover="showitem(7)" onmouseout="hideitem()">路由器</a>
                    <a href="#">服务中心</a>
                    <a href="#">社区</a>
                </div>
                <div class="selectbox">
                    <input type="search" placeholder="" onclick="showselect()" class="navinput">
                    <div class="selecticon">
                        <em class="iconfont icon-sousuo"></em>
                    </div>
                    <div class="selectdata">
                        <a href="#">全部商品</a>
                        <a href="#">冰箱</a>
                        <a href="#">红米</a>
                        <a href="#">小米手环7</a>
                        <a href="#">黑鲨</a>
                        <a href="#">Redmi G 2021</a>
                        <a href="#">手机</a>
                        <a href="#">洗衣机</a>
                    </div>
                </div>
            </div>
            <div class="navitemdata" onmouseleave="hideitem()">
            </div>
            <div class="swiperbox">
                <div class="itembox">
                    <p class="p-item" onmouseover="showitemdata()" onmouseout="hideitemdata()"><span>手机</span><span
                            class="iconfont icon-xiangyou1"></span></p>
                    <p class="p-item" onmouseover="showitemdata()" onmouseout="hideitemdata()"><span>电视</span><span
                            class="iconfont icon-xiangyou1"></span></p>
                    <p class="p-item" onmouseover="showitemdata()" onmouseout="hideitemdata()"><span>笔记本 平板</span><span
                            class="iconfont icon-xiangyou1"></span></p>
                    <p class="p-item" onmouseover="showitemdata()" onmouseout="hideitemdata()"><span>出行 穿戴</span><span
                            class="iconfont icon-xiangyou1"></span></p>
                    <p class="p-item" onmouseover="showitemdata()" onmouseout="hideitemdata()"><span>耳机 音响</span><span
                            class="iconfont icon-xiangyou1"></span></p>
                    <p class="p-item" onmouseover="showitemdata()" onmouseout="hideitemdata()"><span>家电</span><span
                            class="iconfont icon-xiangyou1"></span></p>
                    <p class="p-item" onmouseover="showitemdata()" onmouseout="hideitemdata()"><span>只能 路由器</span><span
                            class="iconfont icon-xiangyou1"></span></p>
                    <p class="p-item" onmouseover="showitemdata()" onmouseout="hideitemdata()"><span>配件</span><span
                            class="iconfont icon-xiangyou1"></span></p>
                    <p class="p-item" onmouseover="showitemdata()" onmouseout="hideitemdata()"><span>健康 儿童</span><span
                            class="iconfont icon-xiangyou1"></span></p>
                    <p class="p-item" onmouseover="showitemdata()" onmouseout="hideitemdata()"><span>生活 箱包</span><span
                            class="iconfont icon-xiangyou1"></span></p>
                </div>
                <div class="itemdata">
                    暂无内容
                </div>
                <div class="swiper">
                    <img src="./image/banner1.jpg" class="banneritem">
                    <img src="./image/banner2.webp" class="banneritem">
                    <img src="./image/banner3.webp" class="banneritem">
                    <img src="./image/banner4.webp" class="banneritem">
                    <img src="./image/banner5.webp" class="banneritem">
                    <em class="iconfont icon-xiangzuo back" onclick="backbanner()"></em>
                    <em class="iconfont icon-xiangyou1 next" onclick="nextbanner()"></em>
                    <div class="D">
                        <div class="bannerD" onclick="bannerD(0)" style="background-color: #ffffff;"></div>
                        <div class="bannerD" onclick="bannerD(1)"></div>
                        <div class="bannerD" onclick="bannerD(2)"></div>
                        <div class="bannerD" onclick="bannerD(3)"></div>
                        <div class="bannerD" onclick="bannerD(4)"></div>
                    </div>
                </div>
            </div>
            <div class="navbtm">
                <div class="nbtm1">
                    <a href="#">
                        <em class="iconfont icon-shijian"></em>
                        <p>保障服务</p>
                    </a>
                    <a href="#">
                        <em class="iconfont icon-qiye"></em>
                        <p>企业团购</p>
                    </a>
                    <a href="#">
                        <em class="iconfont icon-F"></em>
                        <p>F码通道</p>
                    </a>
                    <a href="#">
                        <em class="iconfont icon-simqiatianchong"></em>
                        <p>米粉卡</p>
                    </a>
                    <a href="#">
                        <em class="iconfont icon-duihuan"></em>
                        <p>以旧换新</p>
                    </a>
                    <a href="#">
                        <em class="iconfont icon-huafei"></em>
                        <p>话费充值</p>
                    </a>
                </div>
                <img src="./image/290270b6fc499fc5fcb653417e99fe91.jpg" class="imgp">
                <img src="./image/5d1892854c8bb165e755d68bde287d71.jpg" class="imgp">
                <img src="./image/28c13d0d11b38ec17fa5d83bc6ba5912.jpg" class="imgp">
            </div>
        </div>
        <div class="body">
            <img src="./image/2656295f6c067f48a04a425acf15a096.webp" class="b-img">
            <!-- 手机部分 -->
            <div class="component-1">
                <p class="com-p1">手机</p>
                <p class="com-p2">
                    查看更多
                    <em class="iconfont icon-xiangyou1"></em>
                </p>
            </div>
            <div class="component-1-data">
                <div class="cd-left">
                    <img src="./image/6b99bcb716c8f76e1fc5475172bdfc27.webp">
                </div>
                <div class="cd-right">
                    <div class="cd-data">
                        <img src="./image/202207011810_86ad513472d1423a3fdec8d7d5107038.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span style="display:none">2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/202207011810_86ad513472d1423a3fdec8d7d5107038.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span style="display:none">2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/202207011810_86ad513472d1423a3fdec8d7d5107038.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span style="display:none">2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/202207011810_86ad513472d1423a3fdec8d7d5107038.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span style="display:none">2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/202207011810_86ad513472d1423a3fdec8d7d5107038.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span style="display:none">2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/202207011810_86ad513472d1423a3fdec8d7d5107038.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span style="display:none">2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/202207011810_86ad513472d1423a3fdec8d7d5107038.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span style="display:none">2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/202207011810_86ad513472d1423a3fdec8d7d5107038.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span style="display:none">2099元</span></p>
                    </div>
                </div>
            </div>
            <!-- 智能穿戴 -->
            <div class="component-2">
                <p class="com-p1">智能穿戴</p>
                <p class="com-p2-2">
                    <span class="p2-span1" onmouseover="hostAdata(1)">热门</span>
                    <span class="p2-span2" onmouseover="hostAdata(2)">穿戴</span>
                </p>
            </div>
            <div class="component-2-data">
                <div class="cd-left">
                    <img src="./image/9895c56a7b792fb9053e3085fc261072.webp">
                </div>
                <div class="cd-right">
                    <div class="cd-data">
                        <img src="./image/b8259e8fb355acf168c66f75d375c6af.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/b8259e8fb355acf168c66f75d375c6af.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/b8259e8fb355acf168c66f75d375c6af.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/b8259e8fb355acf168c66f75d375c6af.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/b8259e8fb355acf168c66f75d375c6af.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/b8259e8fb355acf168c66f75d375c6af.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/b8259e8fb355acf168c66f75d375c6af.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data-end">
                        <div class="cd-data-more">
                            <div>
                                <p class="p1">浏览更多</p>
                                <p class="p2">热门</p>
                            </div>
                            <h5>></h5>
                        </div>
                    </div>
                </div>
                <div class="cd-more">
                    <div class="cd-right">
                        <div class="cd-data">
                            <img src="./image/b28153b80cb2c67564608e56d5c2f3f3.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                        <div class="cd-data">
                            <img src="./image/b28153b80cb2c67564608e56d5c2f3f3.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 笔记本 | 平板 -->
            <div class="component-3">
                <p class="com-p1">笔记本 | 平板</p>
                <p class="com-p2-2">
                    <span class="p2-span1">热门</span>
                    <!-- <span class="p2-span2" onmouseover="hostAdata(2)">穿戴</span> -->
                </p>
            </div>
            <div class="component-3-data">
                <div class="cd-left">
                    <img src="./image/e9896934bb657c3dd0c548952eb27481.webp">
                </div>
                <div class="cd-right">
                    <div class="cd-data">
                        <img src="./image/0f8abb2bc3947c4679e3f1b2aafc28c0.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/0f8abb2bc3947c4679e3f1b2aafc28c0.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/0f8abb2bc3947c4679e3f1b2aafc28c0.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/0f8abb2bc3947c4679e3f1b2aafc28c0.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/0f8abb2bc3947c4679e3f1b2aafc28c0.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/0f8abb2bc3947c4679e3f1b2aafc28c0.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/0f8abb2bc3947c4679e3f1b2aafc28c0.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data-end">
                        <div class="cd-data-top">
                            <div>
                                <p class="p1">Redmi显示器</p>
                                <p class="p2">23.8英寸</p>
                                <p class="p3">599元</p>
                            </div>
                            <img src="./image/7c37478d8b3b553ba0a50adaec2fc775.webp">
                        </div>
                        <div class="cd-data-more">
                            <div>
                                <p class="p1">浏览更多</p>
                                <p class="p2">热门</p>
                            </div>
                            <h5>></h5>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 家电 -->
            <div class="component-4">
                <p class="com-p1">家电</p>
                <p class="com-p2-2">
                    <span class="p2-span1 J-1" onmouseover="hostATv(1)">热门</span>
                    <span class="p2-span2 J-2" onmouseover="hostATv(2)">影视影音</span>
                </p>
            </div>
            <div class="component-4-data">
                <div class="cd-left">
                    <img src="./image/3d47879ec183e25a36e67e0219636e60.webp" class="img1">
                    <img src="./image/229bbaccda43f32f464c0a810b800106.webp" class="img2">
                </div>
                <div class="cd4-right-1">
                    <div class="cd-data">
                        <img src="./image/82ff5ea76730fdf6f91aba5d3b2e5739.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/82ff5ea76730fdf6f91aba5d3b2e5739.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/82ff5ea76730fdf6f91aba5d3b2e5739.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/82ff5ea76730fdf6f91aba5d3b2e5739.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/82ff5ea76730fdf6f91aba5d3b2e5739.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/82ff5ea76730fdf6f91aba5d3b2e5739.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/82ff5ea76730fdf6f91aba5d3b2e5739.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data-end">
                        <div class="cd-data-top">
                            <div>
                                <p class="p1">米家全自动</p>
                                <p class="p2">波轮洗衣机8kg</p>
                                <p class="p3">799元</p>
                            </div>
                            <img src="./image/b649a329983ad590fde607472f73e55a.webp">
                        </div>
                        <div class="cd-data-more">
                            <div>
                                <p class="p1">浏览更多</p>
                                <p class="p2">热门</p>
                            </div>
                            <h5>></h5>
                        </div>
                    </div>
                </div>
                <div class="cd4-more">
                    <div class="cd4-right-2">
                        <div class="cd-data">
                            <img src="./image/9d8674cd21c486feff5328772ab9cf01.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                        <!-- <div class="cd-data">
                            <img src="./image/82ff5ea76730fdf6f91aba5d3b2e5739.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                        <div class="cd-data">
                            <img src="./image/82ff5ea76730fdf6f91aba5d3b2e5739.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                        <div class="cd-data">
                            <img src="./image/82ff5ea76730fdf6f91aba5d3b2e5739.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                        <div class="cd-data">
                            <img src="./image/82ff5ea76730fdf6f91aba5d3b2e5739.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                        <div class="cd-data">
                            <img src="./image/82ff5ea76730fdf6f91aba5d3b2e5739.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                        <div class="cd-data">
                            <img src="./image/82ff5ea76730fdf6f91aba5d3b2e5739.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                        <div class="cd-data-end">
                            <div class="cd-data-top">
                                <div>
                                    <p class="p1">米家全自动</p>
                                    <p class="p2">波轮洗衣机8kg</p>
                                    <p class="p3">799元</p>
                                </div>
                                <img src="./image/b649a329983ad590fde607472f73e55a.webp">
                            </div>
                            <div class="cd-data-more">
                                <div>
                                    <p class="p1">浏览更多</p>
                                    <p class="p2">热门</p>
                                </div>
                                <h5>></h5>
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>
            <!-- 生活电器 -->
            <div class="component-5">
                <p class="com-p1">生活电器</p>
                <p class="com-p2-2">
                    <span class="p2-span1 life-1" onmouseover="LifeElectric(1)">扫地机</span>
                    <span class="p2-span2 life-2" onmouseover="LifeElectric(2)">空净</span>
                    <span class="p2-span2 life-3" onmouseover="LifeElectric(3)">清洁</span>
                    <span class="p2-span2 life-4" onmouseover="LifeElectric(4)">风扇</span>
                </p>
            </div>
            <div class="component-5-data">
                <div class="cd-left">
                    <img src="./image/37973c4bedc27bae38e1b1758ed4b318.webp" class="img1">
                    <img src="./image/d51103fe64d90aca747a6d753beae293.webp" class="img2">
                </div>
                <div class="cd5-right-1">
                    <div class="cd-data">
                        <img src="./image/35b5669b506219fe7252ac5fa9baa1b5.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/35b5669b506219fe7252ac5fa9baa1b5.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/35b5669b506219fe7252ac5fa9baa1b5.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/35b5669b506219fe7252ac5fa9baa1b5.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/35b5669b506219fe7252ac5fa9baa1b5.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/35b5669b506219fe7252ac5fa9baa1b5.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/35b5669b506219fe7252ac5fa9baa1b5.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data-end">
                        <div class="cd-data-top">
                            <div>
                                <p class="p1">米家全自动</p>
                                <p class="p2">波轮洗衣机8kg</p>
                                <p class="p3">799元</p>
                            </div>
                            <img src="./image/b649a329983ad590fde607472f73e55a.webp">
                        </div>
                        <div class="cd-data-more">
                            <div>
                                <p class="p1">浏览更多</p>
                                <p class="p2">热门</p>
                            </div>
                            <h5>></h5>
                        </div>
                    </div>
                </div>
                <!-- 空净 -->
                <div class="cd5-more-2">
                    <div class="cd5-right-2">
                        <div class="cd-data">
                            <img src="./image/d9e887830eee09bd341b9ed130db2d9c.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
                <!-- 清洁 -->
                <div class="cd5-more-3">
                    <div class="cd5-right-2">
                        <div class="cd-data">
                            <img src="./image/6fcf8a058ddee92f1e47742d1bb2032d.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
                <!-- 风扇 -->
                <div class="cd5-more-4">
                    <div class="cd5-right-2">
                        <div class="cd-data">
                            <img src="./image/ca3a3fef6bcecac8035e06934de90396.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 海报 -->
            <img src="./image/01cc6a570d32a2ee09a2d5c2009a9968.webp" class="posters">
            <!-- 厨房电器 -->
            <div class="component-6">
                <p class="com-p1">厨房电器</p>
                <p class="com-p2-2">
                    <span class="p2-span1 Kitchen-1" onmouseover="KitchenElectric(1)">净水器</span>
                    <span class="p2-span2 Kitchen-2" onmouseover="KitchenElectric(2)">烟灶</span>
                    <span class="p2-span2 Kitchen-3" onmouseover="KitchenElectric(3)">电饭煲</span>
                    <span class="p2-span2 Kitchen-4" onmouseover="KitchenElectric(4)">微蒸烤</span>
                </p>
            </div>
            <div class="component-6-data">
                <div class="cd-left">
                    <img src="./image/d0a92bc19df74c4da59563206321320a.webp" class="img1">
                    <img src="./image/00c61477413eb05a67b1ec032a148121.webp" class="img2">
                </div>
                <div class="cd6-right-1">
                    <div class="cd-data">
                        <img src="./image/1889916871e84f151975bb83014ea61f.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/1889916871e84f151975bb83014ea61f.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/1889916871e84f151975bb83014ea61f.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/1889916871e84f151975bb83014ea61f.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/1889916871e84f151975bb83014ea61f.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/1889916871e84f151975bb83014ea61f.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/1889916871e84f151975bb83014ea61f.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data-end">
                        <div class="cd-data-top">
                            <div>
                                <p class="p1">米家全自动</p>
                                <p class="p2">波轮洗衣机8kg</p>
                                <p class="p3">799元</p>
                            </div>
                            <img src="./image/c8ba0ef28028462e78e6741b537d4f08.webp">
                        </div>
                        <div class="cd-data-more">
                            <div>
                                <p class="p1">浏览更多</p>
                                <p class="p2">热门</p>
                            </div>
                            <h5>></h5>
                        </div>
                    </div>
                </div>
                <!-- 净水器 -->
                <div class="cd6-more-2">
                    <div class="cd6-right-2">
                        <div class="cd-data">
                            <img src="./image/f19bf1611b3a9fe863af68911b769afa.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
                <!-- 烟灶 -->
                <div class="cd6-more-3">
                    <div class="cd6-right-2">
                        <div class="cd-data">
                            <img src="./image/b5e7b8356420596e2116ca901e11cb7b.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
                <!-- 微蒸烤 -->
                <div class="cd6-more-4">
                    <div class="cd6-right-2">
                        <div class="cd-data">
                            <img src="./image/0fabb6c16cbadaf300da4a2c2ffb9afa.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 智能家居 -->
            <div class="component-7">
                <p class="com-p1">智能家居</p>
                <p class="com-p2-2">
                    <span class="p2-span1 SmartHome-1" onmouseover="SmartHome(1)">小爱音箱</span>
                    <span class="p2-span2 SmartHome-2" onmouseover="SmartHome(2)">门锁</span>
                    <span class="p2-span2 SmartHome-3" onmouseover="SmartHome(3)">路由器</span>
                    <span class="p2-span2 SmartHome-4" onmouseover="SmartHome(4)">智能设备</span>
                </p>
            </div>
            <div class="component-7-data">
                <div class="cd-left">
                    <img src="./image/ec383d223d9f38f442268df684c526f6.webp" class="img1">
                    <img src="./image/bb9761c5b49e21b4d5aa03e7ddaf1a09.webp" class="img2">
                </div>
                <div class="cd7-right-1">
                    <div class="cd-data">
                        <img src="./image/202204191820_88e1f0fded3b4f05c5bdecf433a868cf.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/202204191820_88e1f0fded3b4f05c5bdecf433a868cf.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/202204191820_88e1f0fded3b4f05c5bdecf433a868cf.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/202204191820_88e1f0fded3b4f05c5bdecf433a868cf.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/202204191820_88e1f0fded3b4f05c5bdecf433a868cf.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/202204191820_88e1f0fded3b4f05c5bdecf433a868cf.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/202204191820_88e1f0fded3b4f05c5bdecf433a868cf.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data-end">
                        <div class="cd-data-top">
                            <div>
                                <p class="p1">米家全自动</p>
                                <p class="p2">波轮洗衣机8kg</p>
                                <p class="p3">799元</p>
                            </div>
                            <img src="./image/e13900c094ae4ac4eb53b35f2d0c95b0.webp">
                        </div>
                        <div class="cd-data-more">
                            <div>
                                <p class="p1">浏览更多</p>
                                <p class="p2">热门</p>
                            </div>
                            <h5>></h5>
                        </div>
                    </div>
                </div>
                <!-- 门锁 -->
                <div class="cd7-more-2">
                    <div class="cd7-right-2">
                        <div class="cd-data">
                            <img src="./image/0518e14e0e66f546a76802ebc15953b0.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
                <!-- 路由器 -->
                <div class="cd7-more-3">
                    <div class="cd7-right-2">
                        <div class="cd-data">
                            <img src="./image/314df4955a5f305de306155078bb103d.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
                <!-- 智能设备 -->
                <div class="cd7-more-4">
                    <div class="cd7-right-2">
                        <div class="cd-data">
                            <img src="./image/74f5975a77c6d9fcf67e294c47561994.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 运动出行 -->
            <div class="component-8">
                <p class="com-p1">运动出行</p>
                <p class="com-p2-2">
                    <span class="p2-span1 ExerciseTravel-1" onmouseover="ExerciseTravel(1)">平衡车/滑板车</span>
                    <span class="p2-span2 ExerciseTravel-2" onmouseover="ExerciseTravel(2)">运动健身</span>
                    <span class="p2-span2 ExerciseTravel-3" onmouseover="ExerciseTravel(3)">箱包装饰</span>
                    <span class="p2-span2 ExerciseTravel-4" onmouseover="ExerciseTravel(4)">出行工具</span>
                </p>
            </div>
            <div class="component-8-data">
                <div class="cd-left">
                    <img src="./image/84fef78042e4056ea589474196780d4e.webp" class="img1">
                    <img src="./image/ecce1c0d981037e58cfa281a06122249.webp" class="img2">
                </div>
                <div class="cd8-right-1">
                    <div class="cd-data">
                        <img src="./image/T1r_x_BgLT1RXrhCrK.jpg">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/T1r_x_BgLT1RXrhCrK.jpg">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/1889916871e84f151975bb83014ea61f.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/1889916871e84f151975bb83014ea61f.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/1889916871e84f151975bb83014ea61f.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/1889916871e84f151975bb83014ea61f.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/1889916871e84f151975bb83014ea61f.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data-end">
                        <div class="cd-data-top">
                            <div>
                                <p class="p1">米家全自动</p>
                                <p class="p2">波轮洗衣机8kg</p>
                                <p class="p3">799元</p>
                            </div>
                            <img src="./image/c8ba0ef28028462e78e6741b537d4f08.webp">
                        </div>
                        <div class="cd-data-more">
                            <div>
                                <p class="p1">浏览更多</p>
                                <p class="p2">热门</p>
                            </div>
                            <h5>></h5>
                        </div>
                    </div>
                </div>
                <!-- 运动健身 -->
                <div class="cd8-more-2">
                    <div class="cd8-right-2">
                        <div class="cd-data">
                            <img src="./image/550177d2e54387521bce9e78cb2949dd.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
                <!-- 箱包装饰 -->
                <div class="cd8-more-3">
                    <div class="cd8-right-2">
                        <div class="cd-data">
                            <img src="./image/a0ca95bc1de606c2d6a3a44cd28b3490.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
                <!-- 出行工具 -->
                <div class="cd8-more-4">
                    <div class="cd8-right-2">
                        <div class="cd-data">
                            <img src="./image/3fe46e9ba1bf939713b0c3c55bf6776b.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 海报 -->
            <img src="./image/88e35cffc82cd98cd53172460067af17.webp" class="posters">
            <!-- 日用百货 -->
            <div class="component-9">
                <p class="com-p1">日用百货</p>
                <p class="com-p2-2">
                    <span class="p2-span1 Daily-1" onmouseover="Daily(1)">个护健康</span>
                    <span class="p2-span2 Daily-2" onmouseover="Daily(2)">电源/线材</span>
                    <span class="p2-span2 Daily-3" onmouseover="Daily(3)">儿童用品</span>
                    <span class="p2-span2 Daily-4" onmouseover="Daily(4)">家居床品</span>
                </p>
            </div>
            <div class="component-9-data">
                <div class="cd-left">
                    <img src="./image/c5769bd53177a9301113f799fdc8511d.webp" class="img1">
                    <img src="./image/65950f83f429f2a05125bea297d8df6b.webp" class="img2">
                </div>
                <div class="cd9-right-1">
                    <div class="cd-data">
                        <img src="./image/e2ad7080408a1434b90f824f50293b89.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/e2ad7080408a1434b90f824f50293b89.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/e2ad7080408a1434b90f824f50293b89.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/e2ad7080408a1434b90f824f50293b89.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/e2ad7080408a1434b90f824f50293b89.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/e2ad7080408a1434b90f824f50293b89.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data">
                        <img src="./image/e2ad7080408a1434b90f824f50293b89.webp">
                        <p class="cdp1">Xiaomi 12S Ultra</p>
                        <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                        <p class="cdp3">5999元起<span>2099元</span></p>
                    </div>
                    <div class="cd-data-end">
                        <div class="cd-data-top">
                            <div>
                                <p class="p1">米家全自动</p>
                                <p class="p2">波轮洗衣机8kg</p>
                                <p class="p3">799元</p>
                            </div>
                            <img src="./image/c8ba0ef28028462e78e6741b537d4f08.webp">
                        </div>
                        <div class="cd-data-more">
                            <div>
                                <p class="p1">浏览更多</p>
                                <p class="p2">热门</p>
                            </div>
                            <h5>></h5>
                        </div>
                    </div>
                </div>
                <!-- 电源/线材 -->
                <div class="cd9-more-2">
                    <div class="cd9-right-2">
                        <div class="cd-data">
                            <img src="./image/8831809c4acc20b1b9380522407fc49e.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
                <!-- 儿童用品 -->
                <div class="cd9-more-3">
                    <div class="cd9-right-2">
                        <div class="cd-data">
                            <img src="./image/2562c4a892f018a979ff0cd8b992251f.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
                <!-- 家居床品 -->
                <div class="cd9-more-4">
                    <div class="cd9-right-2">
                        <div class="cd-data">
                            <img src="./image/1db0bdebf7a991abf8a307f289491a37.webp">
                            <p class="cdp1">Xiaomi 12S Ultra</p>
                            <p class="cdp2">这真徕卡 | 专业徕卡摄像</p>
                            <p class="cdp3">5999元起<span>2099元</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 视频部分 -->
            <div class="component-10">
                <p class="com-p1">视频</p>
                <p class="com-p2">
                    查看更多
                    <em class="iconfont icon-xiangyou1"></em>
                </p>
            </div>
            <div class="videobox">
                <div class="videoitem videoitem-1">
                    <img src="./image/e74c4ff741bcdfc5b28a48a43e4edc6d.webp" onclick="playvideo('https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/812358b69886e576c66a01f1f00affe9.mp4')">
                    <i class="iconfont icon-bofang"></i>
                    <p>2021年春季新品发布会第一场</p>
                </div>
                <div class="videoitem">
                    <img src="./image/101b19aca4bb489bcef0f503e44ec866.webp" onclick="playvideo('https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/11c70c96529b6e6938567ec1aa0910e0.mp4')">
                    <i class="iconfont icon-bofang"></i>
                    <p>Redmi 10X系列发布会</p>
                </div>
                <div class="videoitem">
                    <img src="./image/96563e75833ba4563bd469dd28203b09.webp" onclick="playvideo('https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7cdabcaa763392c86b944eaf4e68d6a3.mp4')">
                    <i class="iconfont icon-bofang"></i>
                    <p>小米10 青春版 发布会</p>
                </div>
                <div class="videoitem">
                    <img src="./image/2fd26bb99b723337a2f8eaba84f7d5bb.webp" onclick="playvideo('https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e25d81c4922fca5ebe51877717ef9b76.mp4')">
                    <i class="iconfont icon-bofang"></i>
                    <p>小米 10 8k手机拍到片</p>
                </div>
            </div>
            <div class="Vbox">
                <div class="videodiv">
                    <div class="videotitle">
                        <p class="videotitle-p1">2021年春季新品发布会第一场</p>
                        <p class="iconfont icon-guanbi"></p>
                    </div>
                    <video controls="controls" autoplay="autoplay" class="video"></video>
                </div>
            </div>
        </div>
        <div class="foot">
            <div class="F-top">
                <p class="Ft-p">
                    <i class="iconfont icon-banshou"></i>
                    预约维修服务
                </p>
                <p class="Ft-p">
                    <i class="iconfont icon-7"></i>
                    7天无理由退货
                </p>
                <p class="Ft-p">
                    <i class="iconfont icon-15tianbaotui01"></i>
                    15天免费换货
                </p>
                <p class="Ft-p">
                    <i class="iconfont icon-liwu"></i>
                    满69元包邮
                </p>
                <p class="Ft-p">
                    <i class="iconfont icon-weizhi-xianxing"></i>
                    1100余家售后网点
                </p>
            </div>
            <div class="F-body">
                <dl class="Fb-dl">
                    <dd class="Fb-title"></dd>
                    <dt class="Fb-body"></dt>
                </dl>
                <dl class="Fb-dl">
                    <dd class="Fb-title">选购指南</dd>
                    <dt class="Fb-body">手机</dt>
                    <dt class="Fb-body">电视</dt>
                    <dt class="Fb-body">笔记本</dt>
                    <dt class="Fb-body">平板</dt>
                    <dt class="Fb-body">穿戴</dt>
                    <dt class="Fb-body">耳机</dt>
                    <dt class="Fb-body">家电</dt>
                    <dt class="Fb-body">路由器</dt>
                    <dt class="Fb-body">音箱</dt>
                    <dt class="Fb-body">配件</dt>
                </dl>
                <dl class="Fb-dl">
                    <dd class="Fb-title">服务中心</dd>
                    <dt class="Fb-body">申请售后</dt>
                    <dt class="Fb-body">售后政策</dt>
                    <dt class="Fb-body">维修服务价格</dt>
                    <dt class="Fb-body">订单查询</dt>
                    <dt class="Fb-body">以旧换新</dt>
                    <dt class="Fb-body">保障服务</dt>
                    <dt class="Fb-body">防伪查询</dt>
                    <dt class="Fb-body">F码通信</dt>
                </dl>
                <dl class="Fb-dl">
                    <dd class="Fb-title">线下门店</dd>
                    <dt class="Fb-body">小米之家</dt>
                    <dt class="Fb-body">服务网点</dt>
                    <dt class="Fb-body">授权体验店/专区</dt>
                </dl>
                <dl class="Fb-dl">
                    <dd class="Fb-title">关于小米</dd>
                    <dt class="Fb-body">了解小米</dt>
                    <dt class="Fb-body">加入小米</dt>
                    <dt class="Fb-body">投资者关系</dt>
                    <dt class="Fb-body">企业社会责任</dt>
                    <dt class="Fb-body">廉洁举报</dt>
                </dl>
                <dl class="Fb-dl">
                    <dd class="Fb-title">关注我们</dd>
                    <dt class="Fb-body">新浪微博</dt>
                    <dt class="Fb-body">官方微信</dt>
                    <dt class="Fb-body">联系我们</dt>
                    <dt class="Fb-body">公益基金会</dt>
                </dl>
                <div class="Fb-callme">
                    <p class="Fc-p1">
                        400-100-5678
                    </p>
                    <p class="Fc-p2">
                        8:00-18:00（仅收市话费）
                    </p>
                    <a class="Fc-p3" href="#">
                        <em class="iconfont icon-xinxi"></em>
                        人工客服
                    </a>
                </div>
            </div>
            <div class="F-btm">
                <div class="Fb-left"></div>
                <div class="Fb-right">
                    <p class="Fbr-p1">
                        <a href="#">小米商城</a>
                        <span class="Fb-span"> </span>
                        <a href="#">MIUI</a>
                        <span class="Fb-span"> </span>
                        <a href="#">米家</a>
                        <span class="Fb-span"> </span>
                        <a href="#">米聊</a>
                        <span class="Fb-span"> </span>
                        <a href="#">多看</a>
                        <span class="Fb-span"> </span>
                        <a href="#">游戏</a>
                        <span class="Fb-span"> </span>
                        <a href="#">政策服务</a>
                        <span class="Fb-span"> </span>
                        <a href="#">小米天猫店</a>
                        <span class="Fb-span"> </span>
                        <a href="#">小米集团隐私政策</a>
                        <span class="Fb-span"> </span>
                        <a href="#">小米公司儿童信息保护规则</a>
                        <span class="Fb-span"> </span>
                        <a href="#">小米商城隐私政策</a>
                        <span class="Fb-span"> </span>
                        <a href="#">小米商城用户协议</a>
                        <span class="Fb-span"> </span>
                        <a href="#">问题反馈</a>
                        <span class="Fb-span"> </span>
                        <a href="#">Select Location</a>
                    </p>
                    <p class="Fbr-p1">
                        <a href="#">北京互联网法院法律服务工作站</a>
                        <span class="Fb-span"> </span>
                        <a href="#">中国消费者协会</a>
                        <span class="Fb-span"> </span>
                        <a href="#">北京市消费者协会</a>
                    </p>
                    <p class="Fbr-p2">© <a href="#">mi.com</a> 京ICP证110507号 <a href="#">京ICP备10046444号</a> <a
                            href="#">京公网安备11010802020134号</a> <a href="#">京网文[2020]0276-042号</a></p>
                    <p class="Fbr-p2"><a href="#">（京）网械平台备字（2018）第00005号</a> <a
                            href="#">互联网药品信息服务资格证(京)-非经营性-2014-0090</a> <a href="#">营业执照</a> <a href="#">医疗器械质量公告</a>
                    </p>
                    <p class="Fbr-p2"><a href="#">增值电信业务许可证</a> 网络食品经营备案 京食药网食备202010048 <a href="#">食品经营许可证</a></p>
                    <p class="Fbr-p2">违法和不良信息举报电话：171-5104-4404 <a href="#">知识产权侵权投诉</a> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                    <p class="Fbr-p3">
                        <a href="#">
                            <img src="./image/truste.png">
                        </a>
                        <a href="#">
                            <img src="./image/v-logo-2.png">
                        </a>
                        <a href="#">
                            <img src="./image/icon3.png">
                        </a>
                        <a href="#">
                            <img src="./image/ba10428a4f9495ac310fd0b5e0cf8370.png">
                        </a>
                        <a href="#">
                            <img src="./image/2a2dc93fd3d7c146fd9cb084ff6cf49a.png">
                        </a>
                    </p>
                </div>
            </div>
            <div class="F-foot"></div>
        </div>
        <div class="righttab">
            <a href="#" onmouseover="showphoneApp()" onmouseout="hidephoneApp()">
                <em class="iconfont icon-shouji"></em>
                <p>手机APP</p>
                <div class="phoneAPP" onmouseover="showphoneApp()" onmouseout="hidephoneApp()">
                    <img src="./image/78c30d4f259ed43ab20e810a522a6249.png">
                    <p>扫码领取新人百元礼包</p>
                </div>
            </a>
            <a href="#">
                <em class="iconfont icon-31wode"></em>
                <p>个人中心</p>
            </a>
            <a href="#">
                <em class="iconfont icon-banshou"></em>
                <p>售后服务</p>
            </a>
            <a href="#">
                <em class="iconfont icon-kefu"></em>
                <p>人工客服</p>
            </a>
            <a href="#">
                <em class="iconfont icon-gouwuche"></em>
                <p>购物车</p>
            </a>
            <a href="#" class="backtop" onclick="backtop()">
                <em class="iconfont icon-fanhuidingbu"></em>
                <p>回到顶部</p>
            </a>
        </div>
        <script src="./js/index.js"></script>

</body>

</html>